.lbb-offical {
  width: 100%;

	.lbb-offical-box {
    width: 100%;
    
		.box {
      width: 100%;
			background: #ffffff;
			border-radius: 8rpx;
      padding: 20rpx 26rpx;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
			box-shadow: 0rpx 4rpx 10rpx rgba($color: #000000, $alpha: 0.05);

			.icon {
				width: 64rpx;
				height: 64rpx;
				margin-right: 16rpx;
        border-radius: 8rpx;
        flex-shrink: 0;
			}

      .info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex: 1;

        .txt1 {
          font-size: 26rpx;
          font-weight: bold;
          color: #000000;
          line-height: 36rpx;
          word-break: break-all;
          word-wrap: break-word;
        }
  
        .txt2 {
          font-size: 22rpx;
          color: #575757;
          line-height: 32rpx;
          word-break: break-all;
          word-wrap: break-word;
        }

      }
			

			.btn {
				color: #ffffff;
				font-size: 22rpx;
				padding: 8rpx 20rpx;
				border-radius: 40rpx;
				margin-left: 20rpx;
        background: #ff9800;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
			}

			.btn:active {
				background: #f29309;
			}
		}

		.box:active {
			background: #fdffed;
		}
	}
}